<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<link rel="stylesheet" href="../css/mui.min.css">
	<link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
	<link rel="stylesheet" type="text/css" href="../css/youyi.css"/>
	<link rel="stylesheet" type="text/css" href="../css/environmental.css"/>
    <title>我的-个人</title>
    <style>
    body{overflow: hidden;}
		.mui-control-content {
			background-color: white;
			min-height: 215px;
		}
		.mui-control-content .mui-loading {
			margin-top: 50px;
		}
		.mui-scroll-wrapper{top: 44px; bottom: 52px;}
	</style>
</head>
<body>
	<header class="mui-bar mui-bar-nav top_nav">
		<!--<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left detail_left"></a>-->
		<h1 id="title" class="mui-title">我的</h1>
		<!--<a id="info" class="mui-icon iconfont icon-caidan mui-pull-right"></a>-->
	</header>
	<div class="mui-content">
		<div class="mui-scroll-wrapper">
		    <div class="mui-scroll">
		        <div class="my_list_one my_green_need">
					<ul class="mui-table-view">
						<li class="mui-table-view-cell my_green_need_list">
							<a href="my_requirements.html" class="mui-navigate-right">
								我的环保需求
							</a>
						</li>
					</ul>
				</div>
				<div class="my_content_item looked">
					<h3 class="mui-navigate-right my_content_list_head">浏览过的商品 <a href="collect_goods.html" class="mui-pull-right">更多</a></h3>
					<div class="my_item_ctn">
						<ul class="mui-table-view mui-grid-view mui-grid-9">
				            <li class="mui-table-view-cell mui-media mui-col-xs-3">
			            	<a href="###">
				                   <img src="../images/my/tp1.png"/>
				            </a></li>
				            <li class="mui-table-view-cell mui-media mui-col-xs-3">
		            		<a href="###">
				                    <img src="../images/my/tp2.png"/>
				            </a></li>
				            <li class="mui-table-view-cell mui-media mui-col-xs-3">
			            	<a href="###">
				                 <img src="../images/my/tp3.png"/>
				            </a></li>
				             <li class="mui-table-view-cell mui-media mui-col-xs-3">
			            	<a href="###">
				                 <img src="../images/my/tp5.png"/>
				            </a></li>
				        </ul>
					</div>
				</div>
				<div class="my_content_item owned">
					<h3 class="mui-navigate-right my_content_list_head">收藏过的商品 <a href="collect_goods.html" class="mui-pull-right">更多</a></h3>
					<div class="my_item_ctn">
						<ul class="mui-table-view mui-grid-view mui-grid-9">
				            <li class="mui-table-view-cell mui-media mui-col-xs-3">
			            	<a href="###">
				                   <img src="../images/my/tp1.png"/>
				            </a></li>
				            <li class="mui-table-view-cell mui-media mui-col-xs-3">
		            		<a href="###">
				                    <img src="../images/my/tp2.png"/>
				            </a></li>
				            <li class="mui-table-view-cell mui-media mui-col-xs-3">
			            	<a href="###">
				                 <img src="../images/my/tp3.png"/>
				            </a></li>
				             <li class="mui-table-view-cell mui-media mui-col-xs-3">
			            	<a href="###">
				                 <img src="../images/my/tp5.png"/>
				            </a></li>
				        </ul>
					</div>
				</div>
				<div class="my_content_item like">
					<h3 class="my_content_list_head">猜你喜欢<!-- <a href="javascript:;" class="mui-pull-right">更多</a>--></h3>
					<div class="my_item_ctn">
						<ul class="mui-table-view mui-grid-view mui-grid-9">
				            <li class="mui-table-view-cell mui-media mui-col-xs-3">
			            	<a href="###">
				                   <img src="../images/my/tp1.png"/>
				            </a></li>
				            <li class="mui-table-view-cell mui-media mui-col-xs-3">
		            		<a href="###">
				                    <img src="../images/my/tp2.png"/>
				            </a></li>
				            <li class="mui-table-view-cell mui-media mui-col-xs-3">
			            	<a href="###">
				                 <img src="../images/my/tp3.png"/>
				            </a></li>
				             <li class="mui-table-view-cell mui-media mui-col-xs-3">
			            	<a href="###">
				                 <img src="../images/my/tp5.png"/>
				            </a></li>
				        </ul>
					</div>
				</div>
				<div class="my_content_item msg_advisory">
					<h3 class="my_content_list_head">我的咨询<!-- <a href="javascript:;" class="mui-pull-right">更多</a>--></h3>
					<div class="my_item_ctn">
						<div class="item_box consultant_form">
							<div class="item_list_box">
								<div class="">
									<div class="form_item theme_val">
										<label for=""><b>主 &nbsp; &nbsp;题<i>* &nbsp;</i>
										</b><input type="text" placeholder="简要说明" value="主题标题" readonly="true" >
										</label>
									</div>
									<div class="form_item class_val">
										<label for=""><b>分 &nbsp; &nbsp;类<i>* &nbsp;</i>
										</b>
											<div class="select_class_box">
												<p class="select_input">环评编写</p>
											</div> 
										</label>
									</div>
									<div class="form_item contain_val">
										<label for="">
											<b>内 &nbsp; &nbsp;容<i>* &nbsp;</i></b>
										<textarea class="" placeholder="请描述您的咨询内容" readonly="true">这里是您的留言内容，这里是您的留言内容，这里是您的留言内容，这里是您的留言内容，这里是您的留言内容</textarea>
										</label>
									</div>
									<div class="form_item contact_val">
										<label for=""><b>联系人<i>* &nbsp;</i>
										</b><input type="text" placeholder="" value="黄先生" readonly="true">
										</label>
									</div>
									<div class="form_item phone_val">
										<label for=""><b>联系电话<i>* &nbsp;</i>
										</b><input type="text" placeholder="" value="13503013977" readonly="true">
										</label>
									</div>
									<div class="form_item email_val">
										<label for=""><b>电子邮箱</b><input type="text" value="360@qq.com" placeholder="" readonly="true">
										</label>
									</div>
									<div class="form_item qq_val">
										<label for=""><b>QQ<i>* &nbsp;</i></b><input type="text" value="1130824803" placeholder="" readonly="true">
										</label>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
		    </div>
		</div>		
	</div>
<script src="../js/mui.min.js"></script>
<script>	
	mui.init({
		swipeBack:false ,//启用右滑关闭功能
		keyEventBind: {
			//backbutton: false,  //Boolean(默认true)关闭back按键监听
			menubutton: false   //Boolean(默认true)关闭menu按键监听
		}
	});	
	mui('.mui-scroll-wrapper').scroll({
		indicators: true //是否显示滚动条
	});

</script>
</body>
</ html>